html,body {
    background-color: #ffffff;
    font-size: 12px;
    font-family:"微软雅黑"
}
ul{padding:0px;margin:0px;}
ul li{list-style: none;}
.mui-content{margin-bottom: 50px;background-color: #ffffff;}
.search{padding:0;height:35px;}
.search .tab{width:100%;text-align: center;vertical-align: middle;height:50px;}
.search .tab a{margin-top:10px;padding:5px;display: inline-block;color:#0000cc;height:30px;width:80px;}
.search .tab a.active{background-color:  #0000cc;color:#fff;}
.search .tab a:first-child{border:1px solid #0000cc;border-right: none;border-radius: 5px 0px 0px 5px;}
.search .tab a:last-child{border:1px solid #0000cc;border-left: none;border-radius: 0px 5px 5px 0px;}
.search .condition{overflow: hidden;width: 100%;margin: 0 auto;text-align: center;border-bottom: 1px solid #ccc;}
.search .condition li{float:left;width: 33.33%;padding: 5px 0;}
.search .condition li a h5{color:#2d2d2d;}
.search .condition li a div{border-right: 1px solid #ccc; -webkit-box-sizing: border-box;box-sizing: border-box;color:#2d2d2d;}
.search .condition li a span{position: relative;right: -5%;top: -2px;border:2px solid #8f8f94;border-width:0 2px 2px 0;display:inline-block;height:8px;-moz-transform-origin:center center;-moz-transform:rotate(45deg);-moz-transition:all .5s ease-in .1s;-webkit-transform-origin:center center; -webkit-transform:rotate(45deg);-webkit-transition:all .5s ease-in .1s;-o-transform-origin:center center;-o-transform:rotate(45deg);-o-transition:all .5s ease-in .1s;-ms-transform-origin:center center;-ms-transform:rotate(45deg);-ms-transition:all .5s ease-in .1s;transform-origin:center center;transform:rotate(45deg);transition:all .5s ease-in .1s;width:8px;}
.search .condition li a span.arrowup{-moz-transform:rotate(-15deg);-moz-transition:all .5s ease-in .1s;-webkit-transform:rotate(225deg);-webkit-transition:all .5s ease-in .1s;-o-transform:rotate(-45deg);-o-transition:all .5s ease-in .1s;-ms-transform:rotate(-45deg);-ms-transition:all .5s ease-in .1s;    transform:rotate(-135deg);transition:all .5s ease-in .1s;}
.search .condition li a.current h5{color: #0000cc;}
.search .condition li a.current span.arrowup{border-color:  #0000cc;top:2px;}
.search .con-show{background-color: #fff;}
.search .con-show .con-show-icon {text-align: right;}
.search .con-show .con-show-title h5.active{color: #0000cc}
.search .con-show .con-show-icon .mui-icon{margin:0;padding:0;height:20px;width:20px;border:1px solid #ccc;border-radius: 50%;font-size: 20px;}
.search .con-show .con-show-icon .mui-icon-checkmarkempty{background-color:  #0000cc;border:none;color:#fff;}
.content-panel{margin-top: 35px;}
.content-panel .mui-backdrop{z-index:9;}
.content-panel li.mui-table-view-cell{margin-top:10px;}
.content-panel .mui-table-view{background-color: #efeff4;}
.content-panel .mui-table-view li{background-color: #fff;}
.content-panel .mui-table-view-cell:after{height:0;}
.content-panel .oa-contact-avatar {width: 100px;} 
.content-panel .oa-contact-avatar img {border-radius: 50%; max-width: 75px;}
.content-panel .mui-table-cell{float:left;}
.content-panel  .oa-contact-right{text-align: right;float:right;}
.content-panel  .oa-contact-right .oa-contact-name{color:red;}
.content-panel .oa-contact-note{padding-top:10px;}
.content-panel .oa-contact-note span{display:inline-block;color:#8f8f94;line-height: 33px;height: 33px;}
.content-panel .oa-contact-note button{display: inline-block;float: right;border: 1px solid darkorange;background-color: darkorange;}
.content-panel .oa-contact-cell:after {position: absolute;right: 0;bottom: 0;left: 0;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;}

.content-panel .pro-contact-note{vertical-align: middle;height:30px;color:#8f8f94;}
.content-panel .pro-contact-note:after {position: absolute;right: 0;bottom: 0;left: 0;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;}
.content-panel .pro-contact-avatar {width: 100px;padding:10px 0 10px 0;} 
.content-panel .pro-contact-avatar img {border-radius: 50%; max-width: 85px;}
.content-panel .pro-contact-right{text-align: right;float:right;}
.content-panel .pro-contact-right .pro-contact-name{color:red;}

/*login*/
.login-portrait {width: 118px;margin: 0 auto;padding: 20px 0px;}
.login-portrait img {border-radius: 50%;border: 4px solid #ffffff;width: 110px;height: 110px;}
.link-area {display: block;margin-top: 25px;text-align: center;}
/*index*/
.my-header{background-color: #02a0e9;color: #fff;border: 1px solid #02a0e9;}
.my-header a, .my-header h1{color:#ffffff;font-weight: bold;}
.my-header .mui-icon{font-size: 30px;padding-top:6px;}
.my-header .mui-icon .mui-badge{top:0;left:0;left: 50%;padding: 2px;margin-left: 0;font-size: 9px;}
/*footer*/
.mui-footer{background-color: #ffffff; -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .85); box-shadow: 0 0 0px rgba(0, 0, 0, .85);}
.mui-footer .mui-tab-item.mui-active{color:red;}
.mui-footer .mui-tab-item .mui-icon{font-size: 36px;width: 36px;height:36px;}
.mui-footer .mui-tab-item .mui-icon ~ .mui-tab-label{font-size: 16px;}
.clo_btn_list .mui-tab-item{display: table-cell;overflow: hidden; width: 1%;height: 50px;text-align: center;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;color: #929292;}
.clo_btn_list .mui-tab-item .mui-icon ~ .mui-tab-label{font-size: 11px;display: block;overflow: hidden;text-overflow: ellipsis;}
.index_task_btn{width: 118px;margin: 0 auto;padding: 20px 0px;}
.index_task_btn span{color:#dd524d;font-size: 20px;font-weight: bold;text-align:center;line-height: 104px;display: block;border-radius: 50%;border: 2px solid #FB6F18;width: 110px;height: 110px;}
.index_course_btn{width: 68px;margin: 0 auto;padding-bottom: 20px;}
.index_course_btn span{color:#dd524d;font-weight: bold;font-size: 16px;text-align:center;line-height: 68px;display: block;border-radius: 50%;border: 2px solid #FB6F18;width: 68px;height: 68px;}
.index-nav-btn,.index-nav-btn2{margin-top: 10px;}
.index-nav-btn .mui-table-view::before,.index-nav-btn .mui-table-view::after{height: 0;}
.index-nav-btn .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
.btn-circle{border-radius: 40%;width:45px;height:45px;margin: 0 auto;}
.circle-purple{background-color: #C634EF;}
.circle-pink{background-color: #FF346B;}
.circle-green{background-color: #18BE9C;}
.circle-blue{background-color: #21B6FF;}
.btn-circle .mui-icon{font-size: 25px;padding: 10px;color:#fff;}

.index-nav-btn2 .mui-table-view.mui-grid-view .mui-table-view-cell{text-align: initial;}
.index-nav-btn2 .mui-table-view::before{color:#F7F7F7;}
.index-nav-btn2 .mui-table-view::after{height: 0;}
.index-nav-btn2 .signin-info h5{color:#529A94;font-size: 18px;}
.index-nav-btn2 .signin-info p, .index-nav-btn2 .errand-info p{font-size: 12px;}
.index-nav-btn2 .errand-info h5{color:#FFB26B;font-size: 18px;}

#scroll-notice{height:50px;overflow:hidden;}
#scroll-notice .hot-title-icon{font-size: 16px;color:red;border:1px solid red;border-radius: 2px;}
#scroll-notice .notice-title{padding-left:5px;font-size: 16px;}
.ads-image{height:40px;}
/*profile*/
.my-mui-table-view-no .mui-table-view-cell::after{left:0;}
.my-mui-table-view-no.mui-table-view:first-child{margin-top:0;}
.my-mui-table-view-no .mui-icon{color:#ffffff;padding:5px;}
.my-mui-table-view-no .circle {margin-right: 5px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;display: inline-block;}
.profile-btn{margin:0 auto;}
.profile-btn button{margin-top: 10px;}
.invite-number .mui-table-view.mui-grid-view{padding:20px 20px 30px 0;}
.invite-number ul li:first-child{border-right: 1px #f7f7f7 solid; }
.invite-number ul li p{font-size: 16px;}
.invite-btn h4{}
/*account*/
.title{margin: 10px 15px 10px;color: #6d6d72;font-size: 15px;}
/*task*/
.task-type-title{text-align: center;vertical-align: middle;line-height: 44px;font-size: 12px;height: 44px;color:#dd524d;background-color: #ffffff;border-bottom: 2px solid #dd524d;}